<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<%@include file="/head.jsp"%>
	
	<link href="${basePath}/resources/css/cdgrid.css" type="text/css" rel="stylesheet" />
	<script src="jsp/task/Task/alltask.js" type="text/javascript"></script>
	<style>
	.ui-tabs .ui-tabs-nav li {
		float: right;
	}
	</style>
</head>
<body>
<div id="tabs">
	<ul>
		<li style="float: left; top: 5px;">&nbsp;&nbsp;发布任务 - 我发布的任务</li>
		<li><a href="#tabs-1" class="default-tab">任务列表</a></li>
		<li><a href="#tabs-2">编辑详情</a></li>
		<li><a href="#tabs-3">添加任务</a></li>
	</ul>
	<div id="tabs-1">
		<table id="center-grid" style="width: 100%;">
			<thead>
				<tr>
					<th><input class="check-all" type="checkbox" /></th>
					<th column="PLANSTARTTIME">计划时间</th>
					<th column="STARTTIME">实际时间</th>
					<th column="TITLE">任务标题</th>
					<th column="PROGRESS">进度状态</th>
					<th column="CREATEUSER">创建人</th>
					<th column="CREATETIME" order="desc">创建时间</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>

		<div class="pagination">
			<a href="#" title="First Page">&laquo; First</a><a href="#" title="Previous Page">&laquo; Previous</a>
			<a href="#" class="number" title="1">1</a>
			<a href="#" class="number" title="2">2</a>
			<a href="#" class="number current" title="3">3</a>
			<a href="#" class="number" title="4">4</a>
			<a href="#" title="Next Page">Next &raquo;</a><a href="#" title="Last Page">Last &raquo;</a>
		</div> <!-- End .pagination -->

		<script id="template" type="text/x-jquery-tmpl">
				<tr style="{{if progress == 4}}color:#0f0;{{else progress == 3}}color:#00f;{{else progress == 2}}color:#f00;{{/if}}">
					<td><input type="checkbox" name="bh" value="{{= bh}}" /></td>
					<td>[{{= planstarttime}}] ~ [{{= planendtime}}]</td>
					<td>[{{= starttime}}] ~ [{{= endtime}}]</td>
					<td><a href="#">{{= title}}</a></td>
					<td>{{= coding.progress[progress]}}</td>
					<td>{{= createuser}}</td>
					<td>{{= createtime}}</td>
					<td>
						<a href="#" title="删除"><img src="resources/images/icons/cross.png" alt="删除" /></a>
					</td>
				</tr>
			</script>
	</div> <!-- End #tabs-1 -->
	
	<div id="tabs-2">
	
		<form action="?exec=edit" method="post">
			
			<fieldset>

				<legend>编辑任务</legend>

				<p>
					<label style="padding-right: 10px;">任务标题</label>
						<input name="task.title" type="text" style="width: 200px;" />
				</p>
				
				<p>
					<label style="padding-right: 10px;">计划时间</label>
					<input name="task.planstarttime" class="jui-datepicker" type="text" style="width: 80px;" /> - <input name="task.planendtime" class="jui-datepicker" type="text" style="width: 80px;" />
				</p>

				<p>
					<label style="padding-right: 10px;">任务类型</label>
					<input name="task.type" type="radio" />新增&nbsp;&nbsp;&nbsp;&nbsp;<input name="task.type" type="radio" />修改
				</p>

				<p>
					<label style="padding-right: 10px;">应用系统</label>
					<select name="task.system" class="small-input">
						<option></option>
						<option value="1">公共卫生(DASS)</option>
						<option value="2">专业版(DASS_PRO)</option>
						<option value="3">平台版(DASS_UP)</option>
						<option value="4">社保系统(HISBED)</option>
					</select>
					 - 
					<select name="task.app" class="small-input">
						<option></option>
						<option value="1">慢病</option>
						<option value="2">妇保</option>
						<option value="3">儿保</option>
						<option value="4">老年人</option>
					</select>
					 - 
					<select name="task.where" class="small-input">
						<option></option>
						<option value="1">按钮</option>
						<option value="2">展示</option>
						<option value="3">逻辑</option>
					</select> 
				</p>

				<p>
					<label>任务内容</label>
					<textarea id="task.content" style="width: 99%; height: 200px;"></textarea>
				</p>

				<p>
					<input class="button" type="submit" value="提交" />
				</p>

			</fieldset>

		</form>

	</div> <!-- End #tabs-2 -->

	<div id="tabs-3">

		<form action="?exec=add" method="post">

			<fieldset>

				<legend>添加任务</legend>

				<p>
					<label style="padding-right: 10px;">任务标题</label>
						<input name="task.title" type="text" style="width: 200px;" />
				</p>
				
				<p>
					<label style="padding-right: 10px;">计划时间</label>
					<input name="task.planstarttime" class="jui-datepicker" type="text" style="width: 80px;" /> - <input name="task.planendtime" class="jui-datepicker" type="text" style="width: 80px;" />
				</p>

				<p>
					<label style="padding-right: 10px;">任务类型</label>
					<input name="task.type" type="radio" />新增&nbsp;&nbsp;&nbsp;&nbsp;<input name="task.type" type="radio" />修改
				</p>

				<p>
					<label style="padding-right: 10px;">应用系统</label>
					<select name="task.system" class="small-input">
						<option></option>
						<option value="1">公共卫生(DASS)</option>
						<option value="2">专业版(DASS_PRO)</option>
						<option value="3">平台版(DASS_UP)</option>
						<option value="4">社保系统(HISBED)</option>
					</select>
					 - 
					<select name="task.app" class="small-input">
						<option></option>
						<option value="1">慢病</option>
						<option value="2">妇保</option>
						<option value="3">儿保</option>
						<option value="4">老年人</option>
					</select>
					 - 
					<select name="task.where" class="small-input">
						<option></option>
						<option value="1">按钮</option>
						<option value="2">展示</option>
						<option value="3">逻辑</option>
					</select> 
				</p>

				<p>
					<label>任务内容</label>
					<textarea id="task.content" style="width: 99%; height: 200px;"></textarea>
				</p>

				<p>
					<input class="button" type="submit" value="提交" />
				</p>

			</fieldset>

		</form>

	</div> <!-- End #tabs-3 -->

</div> <!-- End #tabs -->

</body>
</html>